import React from 'react';
import classnames from 'classnames';
import { EnvironmentOutline } from 'antd-mobile-icons';
import { Card } from 'antd-mobile';
import TrainInfo from '@/commonComponents/tarinInfo/index';
import PassengersInfo from '@/commonComponents/passengersInfo/index';
import './index.module.scss';
interface orderInfoProps {
  orderData: {
    dbAuftragsnummer: string;
    startDate: string;
    endDate: string;
    startWeek: string;
    endWeek: string;
    startTime: string;
    endTime: string;
    startStation: string;
    endStation: string;
    trainNumber: string;
    booker: string;
    seatType: string;
    ticketPrice: string;
    idcard: string;
    carriag: string;
    seatNumber: string;
    seatPlace: number;
    orderStatus: number; //1已完成2待支付3已退款4已取消
  }
}
export default function OrderInfo(props: orderInfoProps) {
  const { orderData } = props;
  const {
    dbAuftragsnummer,
    startDate,
    endDate,
    startWeek,
    endWeek,
    startTime,
    endTime,
    startStation,
    endStation,
    trainNumber,
    booker,
    seatType,
    ticketPrice,
    idcard,
    carriag,
    seatNumber,
    orderStatus,
    seatPlace,
  } = orderData;

  return (
    <div styleName="ticket-detail">
      <TrainInfo
        dbAuftragsnummer={dbAuftragsnummer}
        startDate={startDate}
        endDate={endDate}
        startWeek={startWeek}
        endWeek={endWeek}
        startTime={startTime}
        endTime={endTime}
        startStation={startStation}
        endStation={endStation}
        trainNumber={trainNumber}
      />
      <PassengersInfo
        booker={booker}
        seatType={seatType}
        ticketPrice={ticketPrice}
        idcard={idcard}
        carriag={carriag}
        seatNumber={seatNumber}
        seatPlace={seatPlace} //1靠窗2过道
        orderStatus={orderStatus} //1已完成2待支付3已退款4已取消
      />
    </div>
  );
}
